import axios from 'axios'
// import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import router from '@/router'
// import { getToken } from '@/utils/auth'

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 设置axios请求的基础的基础地址
  timeout: 5000
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 从getters 访问定义store数据
    const token = store.getters.token
    if (token) {
      // 如果token存在 注入token
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // console.log(response)
    // 以后获取的数据少了一层data，直接是返回的接口数据
    const { success, data, message } = response.data
    // 因为后端的原因，错误也返回200, 所以验证 success 是否返回true，正确把数据return 不正确抛出错误信息
    if (success) {
      return data
    } else {
      return Promise.reject(new Error(message))
    }
  },
  error => {
    // 如果token失效，后端返回的自定义状态码code，没有按照 401 判断
    if (error.response && error.response.data && error.response.data.code) {
      // 1.删除无效token
      store.commit('user/removeToken')
      // 2.跳回登录
      router.push('/login')
    }
    // console.log(error.response)
    return Promise.reject(error)
  }
)

export default service
